<!--
 * @Descripttion: 
 * @version: 1.0.0
 * @Author: guoxiaomin
 * @Email: 1093556028@qq.com
 * @Date: 2019-09-11 10:16:24
 * @LastEditors: guoxiaomin
 * @LastEditTime: 2019-09-11 13:41:13
 -->
<style lang="less" scoped>
.mobileHeader{
  width: 100%;
  height: 1.19rem;
  // border-bottom: 1px solid #ffffff;
  position: relative;
  // position: absolute;
  // z-index: 2;
  // top: 0;
  // left: 0;
  .logoDiv{
    display: flex;
    height: 100%;
    align-items: center;
    margin-left: 0.46rem;
    .logo{
      width: 1.45rem;
      height: 0.4rem;
    }
    .phoneClass{
      font-size: 0.24rem;
      color: #FFFFFF;
    }
  }
  .navImgBox{
    width: 0.58rem;
    // height: 0.58rem;
    // padding: 0.3rem 0.4rem 0.3rem 0;
    padding-right: 0.4rem;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    .navImg{
      position: absolute;
      top: 50%;
      right: 0.4rem;
      transform: translateY(-50%);
      width: 0.58rem;
      height: 0.58rem;
    }
  }
}
.whiteBottom{
  border-bottom: 1px solid #FFFFFF;
}
.blackBottom{
  border-bottom: 1px solid #999999;
}
</style>
<template>
<div :class="['mobileHeader', txtSelect===1?'whiteBottom':'blackBottom']" :style="{height:styleHeight}">
  <div class="logoDiv">
    <img :src="logoSelect===1?require('../assets/logo_white@2x.png'):require('../assets/logo_black@2x.png')" alt="" class="logo">
    <p class="phoneClass" :style="{color:txtSelect===1?'#FFFFFF':'#333333'}">| 客服热线:010-87506918</p>
  </div>
  <div class="navImgBox" @click="openNav">
    <img :src="navSelect===1?require('../assets/wap/navRight_white@2x.png'):require('../assets/wap/navRight_black@2x.png')" alt="" class="navImg">
  </div>
</div>
</template>
<script>
export default {
  props:{
    logoSelect: { // 1 2
      type: Number,
      default: 1
    },
    txtSelect: { // 1 2
      type: Number,
      default: 1
    },
    navSelect: { // 1 2
      type: Number,
      default: 1
    },
    styleHeight: {
      type: String,
      default: '1.19rem'
    }
  },
  methods: {
    openNav() {
      this.$emit('openNav')
    }
  }
}
</script>